<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./meizuHome page.css" />
  </head>
  <body>
    <!-- 头部导航 -->
    <div class="header">
      <!-- 导航内容 -->
      <div class="brain">
        <!-- logo -->
        <div class="log">
          <a href=""></a>
        </div>
        <!-- 购物车icon -->
        <a href="" class="shopping"></a>
        <!-- 人头 -->
        <div class="headZhuce">
          <!-- <img src="../Resources/image/meizuHomepageIMG/" alt=""> 替换路径 -->

          <img src="../image/meizuHomepageIMG/headerpeapr.png" alt="" />
        </div>

        <!-- 搜索框 -->
        <div class="inpt">
          <input type="text" placeholder="魅族  18s" />
          <a href="">
            <img src="../image/meizuHomepageIMG/fangdajing.png" alt="" />
          </a>
        </div>
        <!-- 导航 -->
        <div class="DaoHang">
          <ul>
            <li class="duan">
              <a href="">手机</a>
            </li>
            <li class="duan"><a href="">声学</a></li>
            <li class="duan"><a href="">配件</a></li>
            <li class="duan"><a href="">PANDAER</a></li>
            <li class="duan"><a href="">lipro</a></li>
            <li class="w"><a href="">Flyme</a></li>
            <li class="w"><a href="">服务</a></li>
            <li class="w"><a href="">社区</a></li>
            <li class="w"><a href="">企业服务</a></li>
            <li class="duan"><a href="">APP下载</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="tantou">
      <div class="duan active">
        <ul>
          <li>
            <img src="./meizuHomepageIMG/shouji1.jpg" alt="" />
            <em>魅族 18s</em>
            <span></span>
            <em>￥3499</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/shouji2.jpg" alt="" />
            <em> 魅族 18s</em>
            <span></span>
            <em>￥3499</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/shouji3.jpg" alt="" />
            <em>魅族 18s</em>
            <span></span>
            <em>￥3499</em>
          </li>
        </ul>
      </div>
      <div class="duan active">
        <ul>
          <li>
            <img src="./meizuHomepageIMG/sheng1.jpg" alt="" />
            Blus2 耳机
            <span></span>
            <em>￥269</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng2.jpg" alt="" />
            Blus Air耳机
            <span></span>
            <em>￥139</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng1.jpg" alt="" />
            Blus2 耳机
            <span></span>
            <em>￥269</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng2.jpg" alt="" />
            Blus Air耳机
            <span></span>
            <em>￥139</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng1.jpg" alt="" />
            Blus2 耳机
            <span></span>
            <em>￥269</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng2.jpg" alt="" />
            Blus Air耳机
            <span></span>
            <em>￥139</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng1.jpg" alt="" />
            Blus2 耳机
            <span></span>
            <em>￥269</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/sheng2.jpg" alt="" />
            Blus Air耳机
            <span></span>
            <em>￥139</em>
          </li>
        </ul>
      </div>
      <div class="duan active">
        <ul>
          <li>
            <img src="./meizuHomepageIMG/pei1.jpg" alt="" />
            <em> 65W GaN 充电器</em>
            <span></span>
            <em>￥109</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/pei1.jpg" alt="" />
            <em> 65W GaN 充电器</em>
            <span></span>
            <em>￥109</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/pei1.jpg" alt="" />
            <em> 65W GaN 充电器</em>
            <span></span>
            <em>￥109</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/pei1.jpg" alt="" />
            <em> 65W GaN 充电器</em>
            <span></span>
            <em>￥109</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/pei1.jpg" alt="" />
            <em> 65W GaN 充电器</em>
            <span></span>
            <em>￥109</em>
          </li>
        </ul>
      </div>
      <div class="duan active">
        <ul>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/jainpan1.jpg" alt="" />
            <em> 超合金机械键盘 · OLLIE</em>
            <span></span>
            <em>￥1349</em>
          </li>
        </ul>
      </div>
      <div class="duan active">
        <ul>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
          <li>
            <img src="./meizuHomepageIMG/deng1.jpg" alt="" />
            <em> 学习护眼台灯</em>
            <span></span>
            <em>￥1699</em>
          </li>
        </ul>
      </div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div class="chang active">
        <img src="./meizuHomepageIMG/App1.jpg" alt="" />
      </div>
    </div>
    <script src="./meiziHome page js/jquery.js"></script>
    <script src="./meiziHome page js/pageHeader.js"></script>
  </body>
</html>
